<template>
  <div class="approveFrame">
    <ViewForm :applyId="applyId" />
  </div>
</template>

<script>
import ViewForm from './components/ViewForm.vue';

export default {
  name: "ApproveFrame",
  components: {ViewForm},
  props: {
    approveObject: Object,
    buttons: Array,
  },
  data() {
    return {
      applyId: '',
    }
  },
  created() {
    this.init();
  },
  methods: {
    init() {
      this.applyId = this.approveObject.businessKey;
    },
    
    /**
     * 拦截按钮重命名
     * 
     * @param button 按钮对象
     */
    __WF_APPROVE_FRAME_BUTTON_RENAME(button) {
      // 根据事件名称修改按钮名字，返回undefined表示使用默认名称
      // 按钮对象参考流程管理平台类：com.zbiti.wf.core.constant.ApproveButtonEnum
      // close:关闭，pass:通过，pass_and_next:通过，reject:驳回，reject_and_next:驳回，reject_to_starter:驳回发起人，
      // customize_1:自定义1，customize_2:自定义2，customize_3:自定义3
      if(button && button.code && 'UserTask3' === this.approveObject.taskDefinitionKey){
        switch(button.code){
          case 'pass': // 通过
            return '完成';
        }
      }
      return undefined;
    },
  }
}
</script>

<style lang="scss" scoped>
.approveFrame {
  border: dotted 2px lightblue;
}
</style>